<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="/static/shop/mobile/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="/static/shop/mobile/css/swiper.min.css"/>
	</head>
	<body>
		<!--<div class="header">
			<input type='text' placeholder="SEACH"/>
			<img src="" />
		</div>-->

		<div class="login">
			<img src="/static/shop/img/logo.png" />

			<style>
			.login{    margin-left: 0.5rem;    display: block;
    margin-bottom: 2rem;}
			.login img{
    width: 10rem;
    margin-left:0.5rem;
    margin-top: 0.5rem;}

    .login ul{
    float: right;
    margin-right: 2.4rem;

    }

    .name li .p2,.name li .p1{
        font-size:11px;}
    .nav li a {
        color:#999596;
    }
    .logcss{
        border: 1px solid #000;
        padding: 0.08rem;
        border-radius: 0.3rem;
        }
        .name li{height:13rem;position:relative;}
        .name li p{color:#777e73 !important;}
        .pic1 li{color:#777e73 !important;}
        .name li .p2{
        position: absolute;
            bottom: 20px;
            width: 100%;
            overflow: hidden;}
        .name li .p1{
            position: absolute;
            bottom: 6px;
            width: 100%;}
        .regcss a{
    color: #fff !important;}
        .regcss{

    background: #333;
                padding: 0.08rem;
                border-radius: 0.3rem;
                }

    .footer {
        display: flex;
        justify-content: space-around;
    }
    .footer ul{

        width:20%;
    }

    .name li .p2,.name li .p1{
        font-size:10px;}
    .footer ul li {
    color:#999596;
        margin-top: 0.2rem;
        font-size:0.8rem;
    }
    .titfoot{
        font-weight:600;
    }
			</style>
			<ul>
			{notempty name='user'}
                <!--<a href="/account/update/" title="" class="ucter">
                    欢迎  {$user.mobile}
                </a>
                <span class="separate">|</span>-->
                <a href="{:url('shop/account/index')}" title="个人中心">个人中心</a>
                <span class="separate">|</span>
<!--
                <a href="{:url('shop/account/love')}" title="我的关注">我的关注</a>

                <span class="separate">|</span>
                <a href="{:url('shop/artwork/cart')}" title="购物车">购物车</a>
                <span class="separate">|</span>-->
                <a href="{:url('shop/login/logout')}" title="退出">退出</a>
            {else/}

				<li class='logcss'><a href="{:url('shop/login/index')}" title="登录">登录</a></li>
				<li>|</li>
				<li class='regcss'><a href="{:url('shop/login/register')}" title="注册">注册</a></li>
            {/notempty}
			</ul>
		</div>

		<ul class="nav">
			<li><a href="{:url('shop/artwork/group')}" title="艺术品" id="menu_artwork">艺术品</a></li>
			<li><a href="{:url('shop/artists/group')}" title="艺术家">艺术家</a></li>
			<li><a href="{:url('shop/auction/grouplist')}" title="在线拍卖">在线拍卖</a></li>
			<li><a href="{:url('shop/live/group')}" title="创作直播">创作直播</a></li>
			<li><a href="{:url('shop/news/group')}" title="艺术资讯">艺术资讯</a></li>
		</ul>

		<div class="top">
			<div class="swiper-container">
			    <div class="swiper-wrapper">

                    {volist name="banners" id="v"}
			            <div class="swiper-slide"><a href="{$v['url']}"><img src="/{$v['getimgpath']['path']}"/></a></div>
                    {/volist}
			    </div>
			    <!-- Add Pagination -->
		  	</div>
		</div>
		<ul class="pic">

            {volist name="types" id="classification"}
                {if condition="$key lt 4"}
                <li>
                <a href="{:url('shop/artwork/group',['id'=>$classification['id']])}/">
                    <img src="/{$classification['getimgpath']['path']}">
                    {$classification['title']}
                </a>
                </li>
                {/if}
            {/volist}
		</ul>

		<ul class="pic1">
			<a href="{:url('shop/artists/group')}"/><li><div><img src="/static/shop/mobile/img/555.jpg"></div>本期人物</li></a>
			<a href="{:url('shop/live/group')}"/><li><div><img src="/static/shop/mobile/img/666.jpg"></div>创作直播</li></a>
			<a href="{:url('shop/news/group')}"/><li><div><img src="/static/shop/mobile/img/777a.jpg"></div>艺术咨询</li></a>
			<a href="{:url('shop/auction/grouplist')}"/><li><div><img src="/static/shop/mobile/img/888.jpg"></div>在线拍卖</li></a>
		</ul>

	<div class="bottom">
		<div class="swiper-container">
	    <div class="swiper-wrapper">
                    {volist name="banners2" id="v"}
			            <div class="swiper-slide"><a href="{$v['url']}"><img src="/{$v['getimgpath']['path']}"/></a></div>
                    {/volist}
	    </div>
	    <!-- Add Pagination -->
	    <div class="swiper-pagination"></div>
	  </div>
  </div>

  <div class="line">
  	<div></div>
  	<p style='color:#777e73 !important;'>新作推荐</p>
  </div>

  <ul class="name">

  {volist name="list" id="artwork"}
        {if condition="$artwork['img'] neq ''"}

            <li>
                <a href="{:url('shop/artwork/detail',['id'=>$artwork['id']])}/">
                    <img src="/{$artwork['img']['0']}">
                </a>
                <p class='p2'>{$artwork['title']|mb_substr=###,0,18,'utf-8'}</p>
                <p class='p1'>作者：{$artwork['getartist']['name']}</p>
            </li>
        {/if}
        <div style='clear:both;'></div>
  {/volist}
  </ul>

  <div class="call">

	<a href="tel:4006667899" style="    color: #fff;"><img src="/static/shop/mobile/img/tel111.png" /></a>
	<a href="tel:4006667899" style="    color: #fff;"><p>收藏热线：400 666 7899</p></a>
  </div>

  <div class="footer">
	  {include file="public:single"/}
  </div>
  <p class="icp">网站备案号：晋ICP备10002939号</p>
	</body>
	<script src="/static/shop/mobile/js/jquery-3.2.1-min.js"></script>
	<script src="/static/shop/mobile/js/PhoneJs.js"></script>
	<script src="/static/shop/mobile/js/swiper.js"></script>
	<script>
	var swiper = new Swiper('.swiper-container', {
      pagination: {
        el: '.swiper-pagination',
      },
    });
	</script>
</html>
